@extends('layouts.admin.application')

@section('content')
    <div class="main-content">
        <div class="breadcrumbs" id="breadcrumbs">
            <ul class="breadcrumb">
                <li>
                    <i class="icon-home home-icon"></i>
                    <a href="#">首页</a>
                </li>
                <li class="active">业务管理</li>
                <li class="active">销售统计</li>
            </ul><!-- .breadcrumb -->
        </div>

        <div class="page-content">

            <div class="row">
                <div class="col-xs-12">
                    <div class="alert alert-block alert-success">
                        <i class="icon-ok green"></i>
                        <strong class="green">
                            易收银后台管理系统所有统计信息
                            <small>(v1.0)</small>
                        </strong>
                    </div>
                    <div class="row">
                        <div class="col-sm-12 infobox-container">
                            <div class="infobox infobox-green">
                                <div class="infobox-icon">
                                    <i class="icon-desktop"></i>
                                </div>

                                <div class="infobox-data">
                                    <span class="infobox-data-number">{{App\Models\Cashier\Store::count()}}</span>
                                    <a href="{{route('cashier.sale.store_sale')}}" class="infobox-content">各门店当日销售额</a>
                                </div>
                                <div class="stat stat-success">8%</div>
                            </div>

                            <div class="infobox infobox-red">
                                <div class="infobox-icon">
                                    <i class="icon-dollar"></i>
                                </div>

                                <div class="infobox-data">
                                    <span class="infobox-data-number">32</span>
                                    <a href="{{route('cashier.sale.month_sale')}}" class="infobox-content">各门店当月销售额</a>
                                </div>
                                <div class="stat stat-success">8%</div>
                            </div>

                            <div class="infobox infobox-orange2">
                                <div class="infobox-icon">
                                    <i class="icon-credit-card"></i>
                                </div>

                                <div class="infobox-data">
                                    <span class="infobox-data-number">5</span>
                                    <div class="infobox-content">支付方式</div>
                                </div>
                            </div>
                            <div class="infobox infobox-green">
                                <div class="infobox-icon">
                                    <i class="icon-user"></i>
                                </div>

                                <div class="infobox-data">
                                    <span class="infobox-data-number">{{App\Models\Cashier\Member::count()}}</span>
                                    <a href="{{route('cashier.sale.member_sale')}}" class="infobox-content">会员消费记录</a>
                                </div>
                                <div class="stat stat-success">8%</div>
                            </div>

                            <div id="week_sale" style="height:400px;margin-top: 100px;"></div>
                            <div id="payment" style="height:400px;margin-top: 100px;"></div>

                        </div>
                    </div><!-- /row -->
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.page-content -->
    </div>
@endsection

@section('js')
    <script src="/vendor/echarts/echarts.min.js"></script>
    <script src="/vendor/echarts/macarons.js"></script>
    <script src="/vendor/admin/js/week_sale.js"></script>
    <script src="/vendor/admin/js/pay_type.js"></script>
@endsection

